@import url("appbuilder.css");

body{
	background-color:#dfdfdf;
}	
#header_warp{
	height:93px;	
	background-color:#dfdfdf;
}
#main_warp{
	background-color:#dfdfdf;
}
#footer_warp{
	background-color:#dfdfdf;
}
#header_bg{
	height:63px;
	width:100%;
	background-image:url(../images/header_bg.png);
	border-bottom:4px solid #006599;
}

#header{
	height:63px;
	width:100%;	
	color:#FFFFFF;
	background-image:url(../../../images/top_logo_banner.gif);
	background-position: 0px 1px;
	background-repeat:no-repeat;
	text-align:left;	
}
#header #header_left{
	height:63px;
	width:385px;
	float:left;
}
#header #header_right{
	height:63px;
	width:615px;
	float:right;
	overflow:hidden;
	display:block;
}
#header #header_right #user_actions{
	height:34px;
	width:615px;
	overflow:hidden;
}
#header #header_right #user_actions ul{
	height:18px;
	width:260px;
	display:block;
	float:right;
	overflow:hidden;
}
#header #header_right #user_actions li{
	height:18px;
	float:left;
	display:block;
}
#header #header_right #user_actions ul li a{
	height:18px;
	float:left;
	display:block;
	margin-right:10px;
	text-decoration:none;
	color:#9fd7e6;
	text-indent:25px;
	background-repeat:no-repeat;
	background-image:url(../images/header_action_icon.gif);
	line-height:16px;
}
#header #header_right #user_actions li a.icon_myaccount{
	background-position:left 0px;
}
#header #header_right #user_actions li a.icon_myaccount:hover{
	background-position:left -18px;
}
#header #header_right #user_actions li a.icon_myaccount:active{
	background-position:left -36px;
}
#header #header_right #user_actions li a.icon_help{
	background-position:left -54px;
}
#header #header_right #user_actions li a.icon_help:hover{
	background-position:left -72px;
}
#header #header_right #user_actions li a.icon_help:active{
	background-position:left -90px;
}
#header #header_right #user_actions li a.icon_logout{
	background-position:left -108px;
}
#header #header_right #user_actions li a.icon_logout:hover{
	background-position:left -126px;
}
#header #header_right #user_actions li a.icon_logout:active{
	background-position:left -144px;
}

#header #header_right #user_actions li a:hover{
	color:#d0ebf6;
}
#header #header_right #user_actions li a:active{
	color:#FFFFFF;
}
#header #header_right #menu {
	height:29px;
	/*width:568px;*/
	overflow:hidden;
	float:right;
	display:block;
}
#header #header_right div.arrow_left{
	height:29px;
	width:15px;
	float:left;
	display:block;
	padding-top:2px;
	padding-right:5px;
}
#header #header_right div.arrow_left a{
	height:25px;
	width:15px;
	display:block;
	background-image:url(../images/top_menu_arrow_bg.gif);
	background-position: 0px 0px;
}
#header #header_right div.arrow_left a:hover{
	background-position: 0px -29px;
}
#header #header_right div.arrow_left a:active{
	background-position: 0px -58px;
}
#header #header_right div.arrow_right{
	height:29px;
	width:15px;
	float:left;
	display:block;
	padding-top:2px;
	padding-left:5px;
}
#header #header_right div.arrow_right a{
	height:25px;
	width:15px;
	display:block;
	background-image:url(../images/top_menu_arrow_bg.gif);
	background-position: -15px 0px;
}
#header #header_right div.arrow_right a:hover{
	background-position: -15px -29px;
}
#header #header_right div.arrow_right a:active{
	background-position: -15px -58px;
}
#header #header_right #menu ul{
	height:33px;
}
#header #header_right #menu ul li{
	height:29px;
	width:115px;
	float:left;
	list-style:none;
}
#header #header_right #menu ul li a{
	height:29px;
	width:108px;
	display:block;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(../images/top_menu_bg.gif);
	background-position:left 0px;
	color:#C1EEFF;		
	overflow:hidden;
}

#header #header_right #menu ul li a:hover{
	background-position:left -30px;
	color:#FFFFFF;
}
#header #header_right #menu ul li a:active{
	background-position:left -60px;
	color:#FFFFFF;
}

#header #header_right #menu ul li a.current {
	background-position:left -90px;
	line-height:32px;	
	color:#FFFFFF;
}
#header #header_right #menu ul li a.current:hover{
	background-position:left -119px;
	line-height:32px;	
	color:#FFFFFF;
}
#header #header_right #menu ul li a.current:active{
	background-position:left -148px;
	line-height:32px;	
	color:#FFFFFF;
}



#header_navi{
	width:100%;
	background-color:#e4e3e1;
	height:24px;
	text-align:left;
	line-height:24px;
	border-top:1px solid #f2f1f0;
	border-bottom:1px solid #d3d2d2;
}
#header_navi #navi{
	/*width:650px;*/
	height:24px;
	text-align:left;
	float:left;
	text-indent:30px;
	color:#333333;
}
#header_navi #navi a{
	height:24px;
	line-height:24px;
	text-indent:0px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#666666;
	display:block;
	float:left;
	margin-right:10px;
}
#header_navi #navi a:hover{
	color:#006599;

}
#header_navi #navi a img{
	margin-right:5px;
	display:block;
	float:left;
}
#header_navi #navi a .icon_dot{
margin-top:7px;
width:8px;
height:10px;
background-image:url(../images/nav_dot_icon.gif);
background-position:left top;
}
#header_navi #navi a:hover .icon_dot{
background-position:left bottom;
}
#header_navi #current_user_info{
	/*width:340px;*/
	height:24px;
	text-align:right;
	float:right;
	padding-right: 10px;
	color:#999999;
	line-height:24px;
}
#main_loader_content{

}
#main{
	width:100%;
	text-align:left;	
	border-top:1px solid #fafaf9;	
}
#main .header, #main .footer{	
	height:10px;
	background-repeat:no-repeat;
	background-position:left top;
	/*overflow:hidden;*/
}
#main_content{
	background-color:#f5f4f2;	
	
	width:100%;
}
#main .content,
#main .content_tree{	
	background-repeat:repeat-y;
}
#main #left_panel{
	/*width:210px;*/
	overflow:hidden;
}
#main h2{
	text-indent:18px;
	line-height:38px;
}
#main #left_panel h2{
	color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    text-indent: 5px;
    width: 105px;
}
#main #left_panel .menu_index_link
{
	color: #999999;
    text-decoration: none;	
}
#main #left_panel .menu_index_link:hover {
    color: #666666;
    text-decoration: underline;
}
#main #left_panel .menu_index_link:active {
    color: #999999;
    text-decoration: underline;
}
#main #left_panel .content .btn_dashboard{
    background-image: url("../images/dashboard_icon.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 12px;
    margin-left: 5px;
    margin-top: 3px;
    margin-right: 5px;
    width: 12px;
}
#main #left_panel .content .btn_dashboard:hover {
    background-position: -12px top;
}
#main #left_panel .content .btn_dashboard:active {
    background-position: -24px top;
}
#main #left_panel .menu_title
{
height:25px;padding-top:0px;margin-bottom:5px;border-bottom: 1px solid #D6D6D6;margin-left:10px;margin-right:10px;
}	
#main #left_panel .content .toplevel
{
	display:block;
	padding-left:10px;
	width:190px;
}
#main #left_panel .content_tree .toplevel{
	display:block;
	padding-left:8px;
}
#main #left_panel .content .toplevel li{
	list-style:none;
	display:block;
	width:180px;
	padding-left:0px;
}
#main #left_panel .content ul li a{
	display:block;
	height:22px;
	width:180px;
	line-height:22px;
	border-bottom:1px solid #d6d6d6;
	text-decoration:none;	
	background-repeat:no-repeat;
	background-image:url(../images/left_menu_item_bg.gif);
	cursor:pointer;
}
#main #left_panel .content ul.left_menu li img{
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-right:8px;
	margin-top:2px;
	border:0px;
}
#main #left_panel .content .toplevel li a{
	font-weight:bold;
	background-position:left 22px;
	color:#757575;
}
#main #left_panel .content .toplevel li a:hover{
	color:#FFFFFF;
	background-position:left 0px;
}	
#main #left_panel .content .toplevel li a:active, #main #left_panel .content .toplevel li a.current{
	color:#FFFFFF;
	background-position:left -22px;
}

#main #left_panel .content .toplevel li img{
	margin-left:5px;
}	
#main #left_panel .content .secondlevel{
	display:none;

}

#main #left_panel .content .secondlevel li a{
	font-weight:normal;
	background-position:left 23px;
	color:#666666;
	border-bottom:none;
	height:22px;
	line-height:22px;
	text-indent:30px;

}
#main #left_panel .content ul.secondlevel{
padding-top:5px;
padding-bottom:5px;
}	
#main #left_panel .content .secondlevel li a:hover{
	color:#454545;
	background-position:left -44px;
}	
#main #left_panel .content .secondlevel li a:active, #main #left_panel .content .secondlevel li a.current{
	color:#333333;
	background-position:left -66px;
}
#main #left_panel .content .secondlevel li img{
	margin-left:15px;
}	


#main #left_panel .header, #main #left_panel .footer{	
	width:198px;
}
#main #left_panel .content_block .content,
#main #left_panel .content_block .content_tree{
	border:1px solid #d8d8d8;
	padding-top:1em;
	background-color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
#main #left_panel .content_block_dark .content{
	border:1px solid #d8d8d8;
	padding-top:1em;
	background-color:#FAFAFA;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
#main .v_spacer{
	/*width:210px;*/
	height:14px;	
}
#main #left_panel .content .title {
	border-bottom:1px solid #D6D6D6;
	width:185px;
	margin-left:5px;
	margin-right:5px;
	height:25px;
}
#main #left_panel .content .title h2{
	color:#666666;
	line-height:25px;
	font-size:14px;
	font-weight:normal;
	display:block;
	float:left;
	text-indent:5px;
	width:85px;
}
#main #left_panel .content .title p{
	color:#999999;
	line-height:25px;
	font-size:12px;
	display:block;
	float:left;
	text-indent:5px;
}
#main #left_panel .content .title span{
	display:block;
	float:left;
}
#main #left_panel .content .title span a{
	text-decoration:none;
	color:#999999;
}
#main #left_panel .content .title span a:hover{
	color:#666666;
	text-decoration:underline;
}
#main #left_panel .content .title span a:active{
	color:#999999;
	text-decoration:underline;
}
#main #left_panel .content .title .btn_max{
	height:12px;
	width:12px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/help_icon.gif);
	margin-top:7px;
	margin-left:5px;
	display:block;
	float:left;
}
#main #left_panel .content .title .btn_max:hover{
	background-position:-12px top;
}
#main #left_panel .content .title .btn_max:active{
	background-position:-24px top;
}
#main #left_panel .content .title .btn_min{
	height:12px;
	width:12px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-image:url(../images/help_icon.gif);
	margin-top:7px;
	margin-left:5px;
	display:block;
	float:left;
}
#main #left_panel .content .title .btn_min:hover{
	background-position:-12px bottom;
}
#main #left_panel .content .title .btn_min:active{
	background-position:-24px bottom;
}
#main #left_panel #help_content ul{
	display:block;
	width:180px;
	margin-left:10px;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #D6D6D6;
	line-height:22px;
	background-image:none;
}
#main #left_panel #help_content div.underline{
	display:block;
	width:180px;
	margin-left:10px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #D6D6D6;
	line-height:22px;
	background-image:none;
}
#main #left_panel #help_content h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;	
}
#main #left_panel #help_content p{
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}
#main #left_panel #help_content ul li{
	padding-left:5px;
	list-style:none;
}
#main #left_panel #help_content ul li a{
	text-decoration:none;
	color:#666666;
	background-image:none;
	border-bottom:none;
	height:auto;
	line-height:18px;
	padding-top:2px;
	padding-bottom:2px;
}
#main #left_panel #help_content ul li a:hover{
	color:#333333;
	text-decoration:underline;
}
#main #left_panel #help_content ul li a:active{
	color:#757575;
	text-decoration:underline;
}

#main #right_panel{
	width:100%;
}
.detail_form_panel_padding
{
	padding-left:30px;
}
#main #right_panel .content p.input_row{
	
}

#main #right_panel .content table.input_row td .label_text{
	width:250px;
	height:26px;
	float:left;
	display:block;
	word-break:break-all; 
	/*overflow:auto;*/
	text-align:left;
	padding-left:1px;
}
#main #right_panel .content table.input_row td .label_textarea{
	width:700px;
	display:block;
	word-break:break-all; 
	/*overflow:auto;*/
	text-align:left;
}
#main #right_panel .content .action_panel_set p.input_row{
padding-top:5px;
height:25px;
padding-left:5px;
margin-bottom:2px;
}
#main #right_panel .content .action_panel_set p.even{
background-color:#efefef;
}
#main #right_panel h2{
	text-indent:0px;
	width: 550px;
}
#main #right_panel .form_desc{
	padding:0px;	
	line-height:18px;
	/*padding-bottom:10px;*/
}
#main #right_panel .form_header_breadcrumb{
	line-height:18px;
	padding-bottom:10px;
	width:695px;
}
#main #right_panel .form_icon{
float:left; padding-top:10px;height:50px;padding-right:15px;
}
#main #right_panel .content_block .content{
	border:1px solid #d8d8d8;
	padding-top:1em;
	background-color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}

#main #right_panel .dashboard {
padding-left:20px;
width:100%;
}
#main #right_panel .dashboard div {
background-image:url("../images/icon_module.jpg");
background-position:left 15px;
background-repeat:no-repeat;
float:left;
padding-left:20px;
padding-bottom:40px;
margin-right:7px;
width:195px;
}
#main #right_panel .dashboard div h3 {
margin:2px 0px 0px 0px;
padding-left:20px;
padding-bottom:5px;
font-size:14px;
}
#main #right_panel .dashboard div ul {
line-height:20px;
padding-top:10px;

}
#main #right_panel .dashboard div ul li{
line-height:20px;	
list-style:none;
}
#main #right_panel .dashboard div p{
padding-left:20px;
}
#main #right_panel .dashboard div ul a {
color:#999999;
padding-left:20px;

}
#main #right_panel .dashboard div ul a:hover {
color:#006599;
background-image:url("../images/blue_list_arrow.gif");
background-position:2px 0px;
background-repeat:no-repeat;
padding-left:22px;

}
#main_loader{
 height:450px; width:100%; position:absolute;
 z-index:150;
}
#main_loader_bg{
 height:450px; width:100%; 
 position:absolute;
 background-color:#f5f4f2;
 z-index:100;
}
#footer{
	width:100%;
	height:80px;
	text-align:right; 
	line-height:16px;
	font-size:11px;
	color:#999999;
	background-color:#F5F4F2;
	-moz-box-shadow: -5px 10px 5px #b8b8b8;
	-webkit-box-shadow: -5px 10px 5px #b8b8b8;
	box-shadow: -5px 10px 5px #b8b8b8;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#footer .logo {
	background-image:url(../images/foot_logo.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#footer a {
	color:#999999;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}
#footer a:hover {
	color:#666666;
}
#footer span {
	margin-right:5px;	
}
.underline{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	width:650px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.upline{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	width:650px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.photo_frame{
	background-image:url(../images/profile_photo_bg.gif);
	background-repeat:no-repeat;
	width:90px;
	height:125px;
	overflow:hidden;
	text-align:center;
	padding:10px;
	padding-left:9px;
}

.form_header_breadcrumb{
	width:450px;
	height:24px;
	text-align:left;
	text-indent:30px;
	color:#333333;
	padding-left:2px;
}
.form_header_breadcrumb a{
	height:24px;
	line-height:24px;
	text-indent:0px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#666666;
	display:block;
	float:left;
	margin-right:10px;
}
.form_header_breadcrumb a:hover{
	color:#006599;

}
.form_header_breadcrumb a img{
	margin-right:5px;
	display:block;
	float:left;
}
.form_header_breadcrumb a .icon_dot{
margin-top:7px;
width:8px;
height:10px;
background-image:url(../images/nav_dot_icon.gif);
background-position:left top;
}
.form_header_breadcrumb a:hover .icon_dot{
background-position:left bottom;
}
.screen_switch_max_btn {
    background-position: 0 -16px;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    overflow: hidden;
    width: 16px;
    background-image: url("../images/screen_switch_icon.gif");
}
.screen_switch_max_btn:hover {
    background-position: -16px -16px;
}
.screen_switch_max_btn:active {
    background-position: -32px -16px;
}
.screen_switch_min_btn {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    overflow: hidden;
    width: 16px;
    background-image: url("../images/screen_switch_icon.gif");
}
.screen_switch_min_btn:hover {
    background-position: -16px 0px;
}
.screen_switch_min_btn:active {
    background-position: -32px 0px;
}